<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tooltip 样式 | Classic</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="css/tooltip-classic.css"/>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body class="color-1">
<div class="container">
    <div class="content">
        <header class="codrops-header">
            <h1>Tooltip 样式 <span>展示各种样式的Tooltip效果</span></h1>
            <nav class="codrops-demos">
                <a class="current-demo" href="index.html">Classic</a>
                <a href="round.html">Round</a>
                <a href="curved.html">Curved</a>
                <a href="sharp.html">Sharp</a>
                <a href="bloated.html">Bloated</a>
                <a href="box.html">Box</a>
                <a href="comic.html">Comic</a>
                <a href="line.html">Line</a>
                <a href="flip.html">Flip</a>
            </nav>
        </header>
        <div class="dummy dummy-text">
            <p>
                Tesseract, finite but unbounded take root and flourish,
                <span class="tooltip tooltip-effect-1">
                    <span class="tooltip-item">Euclid</span>
                    <span class="tooltip-content clearfix">
                        <img src="img/Euclid.png"/>
                        <span class="tooltip-text">
                            <strong>Euclid</strong>, also known as Euclid of Alexandria, was a Greek mathematician, often referred to as the "Father of Geometry". He was active in Alexandria during the reign of Ptolemy I.
                            <a href="http://en.wikipedia.org/wiki/Euclid">Wikipedia</a>
                        </span>
                    </span>
                </span> rogue laws of physics,
                star stuff harvesting star light, encyclopaedia galactica are creatures of the cosmos the only home
                we've ever known ship of the imagination prime number <span class="tooltip tooltip-effect-2"><span
                        class="tooltip-item">quasar</span><span class="tooltip-content clearfix"><img
                        src="img/Quasar.png"/><span class="tooltip-text"><strong>Quasars</strong> are believed to be powered by accretion of material into supermassive black holes in the nuclei of distant galaxies, making these luminous versions of the general... <a
                        href="http://en.wikipedia.org/wiki/Quasar">Wikipedia</a></span></span></span> courage of our
                questions.</p>
            <p>Kindling the energy shown in Orion's sword, rich in heavy atoms shores of the cosmic ocean kindling the
                energy <span class="tooltip tooltip-effect-3"><span class="tooltip-item">Euclid</span><span
                        class="tooltip-content clearfix"><img src="img/Euclid.png"/><span class="tooltip-text"><strong>Euclid</strong>, also known as Euclid of Alexandria, was a Greek mathematician, often referred to as the "Father of Geometry". He was active in Alexandria during the reign of Ptolemy I. <a
                        href="http://en.wikipedia.org/wiki/Euclid">Wikipedia</a></span></span></span> hidden in matter.
                Emerged into consciousness paroxysm of global death? Shores of the cosmic ocean. Globular star cluster a
                still more glorious dawn awaits. Extraordinary claims require extraordinary evidence citizens of distant
                epochs with pretty stories for which there's little good evidence. </p>
            <p>Prime number <span class="tooltip tooltip-effect-4"><span class="tooltip-item">quasar</span><span
                    class="tooltip-content clearfix"><img src="img/Quasar.png"/><span class="tooltip-text"><strong>Quasars</strong> are believed to be powered by accretion of material into supermassive black holes in the nuclei of distant galaxies, making these luminous versions of the general... <a
                    href="http://en.wikipedia.org/wiki/Quasar">Wikipedia</a></span></span></span> courage of our
                questions kindling the energy <span class="tooltip tooltip-effect-5"><span
                        class="tooltip-item">Euclid</span><span class="tooltip-content clearfix"><span
                        class="tooltip-text"><strong>Euclid</strong>, also known as Euclid of Alexandria, was a Greek mathematician, often referred to as the "Father of Geometry". He was active in Alexandria during the reign of Ptolemy I. <a
                        href="http://en.wikipedia.org/wiki/Euclid">Wikipedia</a></span></span></span> shown in Orion's
                sword. Extraordinary claims require extraordinary evidence citizens of distant epochs with pretty
                stories for which there's little good evidence.</p>
            <p>
                <small><strong>Image credit</strong> <a href="http://www.spacetelescope.org/images/heic1116a/">Quasar HE
                    1104-1805</a> by NASA, ESA and J.A. Mu単oz (University of Valencia)
                </small>
            </p>
        </div>
    </div><!-- /content -->
</div><!-- /container -->
</body>
</html>